<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>微信 PC 版</title>
    <meta name=keywords content="PC Windows 微信 聊天 移动聊天 免费 发信息 发图片 语音 weixin 离线消息 微博 私信 流量"/>
    <meta name=description content="一款跨平台的通讯工具。支持单人、多人参与。通过手机网络发送语音、图片、视频和文字。"/>

    <script type="text/javascript">
        window.onload = function(){

            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };

            document.oncontextmenu = function (){
                return false;
            }
        }

    </script>
    
<script type="text/javascript" src="//lib.baomitu.com/jquery/2.2.4/jquery.min.js"></script>
<style>

blockquote, body, dd, dir, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, menu, ol, optgroup, p, pre, tbody, td, textarea, tfoot, th, thead, ul, xxx {
	margin: 0;
	padding: 0
}

ol, ul {
	list-style-type: none;
	list-style-image: none
}

body, button, input, select, textarea {
	-ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
	text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background: 1px dashed #f54d23;
	border: 0.2px;
	padding: 0.8px;
}

.beatHeader {
	background: #494A4D;
	height: 50px;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.beatMain {
	position: relative;
	z-index: 2;
	padding: 0 10px;

}

.beatMain .imgContainer {
	padding: 0 16px;
	margin-top: 14px;
}

.beatMain .imgContainer img {
	width: 90%;
	height: auto;
	box-shadow: 0px 3px 12px rgba(21, 0, 71, 0.16);
	style="margin: 0 auto;
}
.beatMain .imgContaine img {
	width: 100%;
	height: auto;
	style="margin: 0 auto;
}

.beatMain .moonTitleContainer {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4);
	margin-bottom: 16px;
}

.beatMain .moonTitleContainer span {
	color: #FF5500;
	margin-right: 16px;
}

.beatMain .itemContent {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.80);
	line-height: 21px;
	text-align: left;
	margin-bottom: 10px;
}

.beatMain .itemPrice {
	font-family: STHeitiSC-Light;
	font-size: 16px;
	color: #FF5500;
	line-height: 16.5px;
	text-align: right;
	margin-bottom: 10px;
}

.beatMain .itemTips {
	font-size: 12px;
	color: rgba(0,0,0,.4);
	text-align: center;
}

.beatWord {
	text-align: center;
}

.beatWord fieldset {
	padding: 0.8em;
	margin: 0 2px;
	border: 1px dashed #f54d23;
	background: #fff;
}

.beatWord fieldset legend {
	background: #f54d23;
	border: none;
	font-size: 0.8rem;
	line-height: 20px;
	color: #fff;
	padding: 0 4px;
}

.beatWord button {
	border: none;
	font-size: 16px;
	padding: 6px 15px;
	background: #f60;
	display: inline-block;
	margin: 10px auto;
	border-radius: 16px;
	color: #fff;
}

.xxx fieldset {
	padding: 0.3em;
	margin: 0 2px;
	border: 1px dashed #FF3366;
	background: #fff;
}

.xxx {
	position: relative;
	z-index: 2;
	padding: 0 0px;
	z-index: 10;
	margin-bottom:100px;

}
.beatMain .wx-mask{
	background: rgba(0,0,0,.6);
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5100;
}
.wx-dialog{
	position: fixed;
	width: 80%;
	max-width: 300px;
	top: 50%;
	left: 50%;
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	z-index: 5100;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
	border-radius: 5px;
}
.wx-dialog-bd{
	padding: 2.7em 20px 1.7em;
	word-wrap: break-word;
	word-break: break-all;
	box-sizing: border-box;
}
.wx-dialog-bd-result{
	margin:-41px -20px -26px;
}
.wx-dialog-title{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.wx-dialog-tips{
	font-size: 15px;
	line-height: 1.5;
	color: #999;
	text-align: center;
	background-color: #efefef;
	display: flex;
	padding: 16px;
}
.beatWord {
	text-align: center;
	margin-bottom: 15px;
}



</style>
</head>
<body><div class="xxx">

<div class="beatMain">
	<div align=center class="imgContainer">
		<!-- <img id="img" src="picture/tb1ngcdsfxxxxbzxfxxxxxxxxxx_!!0-item_pic.jpg"> -->
		<img id="img" src="" alt="">
	</div>
	<p class="itemContent">
		<strong class="itemPrice"></strong>
  <div id="item_title" style="font-weight: 700;font-size: 14px;margin-bottom: 5px;"></div>
	</p>
	<div class="beatWord">
		<fieldset>
			<legend id="copy_tip">点击“一键复制”>打开手机淘宝>即可购买</legend>
			<p id="itemWord" class="itemWord" style="font-size: 12px;">长按复制框内整段文字，打开「手机淘宝」自动弹出「优惠券和返利」领取入口并购买<span id="taokey"></span></p>
		</fieldset>
		<button id="copy" type="button" data-clipboard-text="" class="itemCopy" >一键复制</button>
     
        <button id="copy_tip" style="background: #ff1493;border: none;font-size: 16px;padding: 6px 15px;display: inline-block;margin: 0px 4px 15px 4px;border-radius: 16px;color: #fff;text-decoration: none;"   class="aCopy" data-clipboard-text="523148976" href="javascript:">支付宝红包领取</button>

      
  </div>
    <div id="succal" style="display:none">
      <div class="wx-mask"></div>
      <div class="wx-dialog">
      		<div class="wx-dialog-bd">
      			<div class="wx-dialog-bd-result">
      			<div class="wx-dialog-title">
      				恭喜您复制红包代码成功
      			</div>
      			<div class="wx-dialog-tips">
      				赶紧打开支付宝，在首页搜索处粘贴代码！
      			</div>
      		</div>
      		</div>
      </div>
</div>
</div>
<div class="cms">
		<a id="cms" href="http://ssm.a.youhuigou001.top"><img id="img" src="https://s1.ax1x.com/2018/12/13/FtL929.gif" alt="" style="width:100%;margin-bottom: 10px;"></a>
	</div>
<script type="text/javascript" src="//lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>
<style> 
div#mainTab1
{    position: fixed;
    top: 0;
 display:table;
 width:100%;
 font-size:11px;
 	z-index:99
	
}
div#mainTab2
{    position: fixed;
    bottom: 0px;
 display:table;
 width:100%;
 font-size:11px;
 	z-index:99;
	border:1px solid #a1a1a1;
	
}

ul
{
 display:table-row-group;
 background-color:#FFFFFF;
 
}

ul li
{
 display:table-cell;
 text-align:center;
}

li a:hover:not(.active) {
    color:red;
}

div#mainTab2 li a:hover:not(.active) {
    color:red;
}

.active {
    background-color: #4CAF50;
}

li a {
    display: block;
    color: #000000;
    text-decoration: none;
	padding-top:2px
}

div#mainTab2 li a {
    display: block;
    color: #000000;
    text-decoration: none;
	padding-top:4px;}
</style>

<script>
function getParams(){
	var url = decodeURI(location.href);
	
  var paraString = url.substring(url.indexOf("key=") + 4, url.length);
	return paraString;
}
 
var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var base64DecodeChars = new Array(
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
    52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
    -1,  0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14,
    15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
    -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
    41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);

function base64decode(str) {
    var c1, c2, c3, c4;
    var i, len, out;

    len = str.length;
    i = 0;
    out = "";
    while(i < len) {
        /* c1 */
        do {
            c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
        } while(i < len && c1 == -1);
        if(c1 == -1)
            break;

        /* c2 */
        do {
            c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
        } while(i < len && c2 == -1);
        if(c2 == -1)
            break;

        out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));

        /* c3 */
        do {
            c3 = str.charCodeAt(i++) & 0xff;
            if(c3 == 61)
                return out;
            c3 = base64DecodeChars[c3];
        } while(i < len && c3 == -1);
        if(c3 == -1)
            break;

        out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));

        /* c4 */
        do {
            c4 = str.charCodeAt(i++) & 0xff;
            if(c4 == 61)
                return out;
            c4 = base64DecodeChars[c4];
        } while(i < len && c4 == -1);
        if(c4 == -1)
            break;
        out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
    }
    return out;
}




$(function(){
	var key =getParams();
var json =	base64decode(key);
var	jsObject = JSON.parse(json);	

	jsObject.Title =  decodeURI(jsObject.Title);
	$('#taokey').text('￥'+jsObject.tkl+'￥');
	$('#img').attr('src', jsObject.picture);
	$('#coupons').attr('href',jsObject.url);
	$('#copy').attr('data-clipboard-text', '￥'+jsObject.tkl+'￥');

})


	//复制文本
var clipboard = new Clipboard('.aCopy');
clipboard.on('success',
function() {
	document.getElementById("succal").style.display = "inline";
	
setTimeout(function() {
		document.getElementById("succal").style.display = "none";
		},
		2000);
});
clipboard.on('error',
function(e) {

});

	//复制文本
var clipboard = new Clipboard('.itemCopy');
clipboard.on('success',
function(e) {
	if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
		e.trigger.innerHTML = "复制成功，打开淘宝会自动弹出口令";
		e.trigger.style.backgroundColor = "#9ED29E";
		e.trigger.style.borderColor = "#9ED29E";
		//e.clearSelection();
		e.trigger.disabled = true;
		//2秒后按钮恢复原状
		setTimeout(function() {
			e.trigger.innerHTML = "一键复制";
			e.trigger.style.backgroundColor = "#f54d23";
			e.trigger.style.borderColor = "#f54d23";
			e.trigger.disabled = false;
		},
		2000);
	}
});

clipboard.on('error',
function(e) {
	e.trigger.innerHTML = "复制失败";
	e.trigger.style.backgroundColor = "#8f8f8f";
	e.trigger.style.borderColor = "#8f8f8f";
});

$(function() {

	//UA判断
	var isShow = 0; //控制是否显示一键复制按钮
	var ua = navigator.userAgent.toLowerCase();

	if (ua.match(/iphone/i) == "iphone" || ua.match(/ipad/i) == "ipad") {

		$('#copy_tip').text("长按框内 > 拷贝 > 打开手淘");
		var iphoneInfo = ua.match(/iphone os (\d{1,})/i);
		var iosVersion = iphoneInfo[1];
		if (iosVersion >= 10 || ua.match(/ipad/i) == 'ipad') {
			$('.itemCopy').show();
		}

	} else {
		$('.itemCopy').show();
	}

	//自动选中
	var beat = document.querySelector('.beatWord');
	var word = document.querySelector('.itemWord');
	var copy = document.querySelector('.itemCopy');
	document.addEventListener("selectionchange",
	function(e) {
		window.getSelection().selectAllChildren(word);
	},
	false);

});

</script>
<div class="beatWord">
			<fieldset>
		    <legend id="copy_tip">轻松月赚500+</legend>
<p id="itemWord" class="itemWord" style="font-size: 12px;"><font color="red"><strong>推荐好友享受下级永久购物返利<strong></p>
			<p class="itemWord" style="font-size: 12px;">不但帮朋友省了钱，自己还赚了钱</p>
			 <p class="itemWord" style="font-size: 12px;"><font style="color:#000000;">赶快将<font color="red">十三</font>的名片推送给朋友吧</font> </p>
			<div class="beatWord">
  </div>
  
			</div>
			<div class="beatWord">
		<fieldset>
		  <legend id="copy_tip2">网购有十三 省钱就是好</legend>
		  <p class="itemWord" style="font-size: 12px;"><font color="black">付款时请勿使用小红包抵扣付款，会没有返现红包 </p>
			<p class="itemWord" style="font-size: 12px;">付款2分钟内没有收到付费提示，请复制订单号发给我绑定 </p>
		</fieldset>
</body>
</html>